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FIG. 4 

"<HTML XMLNS:IE> 
<HEAD> 

<?import namespace="ie" implementation^ #default"> 
<TITLE>PPV Percentage and sized elements . </TITLE> 
<STYLE> 
.mRect 
{ 

margin: 4px; 
border: lpx dotted red; 
position: absolute; 7- 426 

width: 300px; 
height : 215px; 

} 

</STYLE> 
</HEAD> 

<BODY snapshot="foo"> 



<hl>PPV Percentage and sized elements . </hl> 

<IE:LayoutRect class=mRect ^03 
y^contentSrc= f ppv05_i.htm 1 J. 
401^/^>cl=mRectO nextRect=mRectl> p 420 

402"^/^ tyle= " top:1C ^ px; left: ^0px; n 
404 <br> > 427 428 

<IE: LayoutRect class=mRect 
- ft -^-^y-d==mRectl nextRect=mRect2 v 
™~\^^style="top:325 . i e ft:10px;" ' * Z1 

406-^ /> 

<br> 

<IE: LayoutRect class=mRect 

id=mRect2 nextRect=mRect3 
style="top: lOOpx; left:320px; " 
/> 

<br> 

<IE: LayoutRect class=mRect 

id=mRect3 nextRect=mRect4 
style="top: 325px; left: 320px; " 
/> 

<br> 

<IE: LayoutRect class=mRect 

id=mRect4 nextRect=mRect5 A- 424 

style="top:100px; left: 630px; " 
/> 

<br> 

<IE: LayoutRect class=mRect 
id=mRect5 

style="top: 325px; lef t : 630px; " 
/> 

<br> 
</BODY> 
</HTML> 
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FIG. 6 



<html> 

<head> 

<title>PPV 

<style> 
<i — 



absolute positioned elements . </title> 



body 

h3 

P 

div 
span 
— > 

</style> 

</head> 

<body> 



font: 9pt verdana, arlal; color ■ tiZ'c,™ text -* li 9" : 1="; margin: 

font: bold 12pt verdana, .Si^cS SmSST"" J?"" Pad<J1 " 9: 3 " x > 
font, oold 12pt verdana, .rial.: SSl JSggj J«£j; £ J 



5px } 



<hr width=25%> 

<h3>Nice, Nice, Very Nice 2</h3> 

. h ,t\" h F L" y <"^ rd cu »«»- us t„ sing 

</div> 

<hr width=25%> 
<center> 

<p><i> 

Oh, a sleeping drunkard <br> 
Up in Central Park, <br> 
And a lion-hunter <br> 
In the jungle dark, <br> 
And Chinese dentist, <br> 
And a. British queen - <br> 
All fit together <br> 
In the same machine. <br> 
Nice, nice, very nice; <br> 
Nice, nice, very nice; <br> 
Nice, nice, very nice - <br> 
So many different people <br> 
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In the same device. <br> 

</ix/p> 
</span> 

</center> 

<hr width=25%> 

<div style= M height: 50%; background-color: #ffefff 
<h3>div 50% height but with text overf low</h3> 
<P> 

line 00<br> 
line 01<br> 
line 02<br> 
line 03<br> 
line 04<br> 
line 05<br> 
line 06<br> 
line 07<br> 
line 08<br> 
line 09<br> 
</p> 
</div> 

<hr width=25%> 



<div style="height : 15px; background-color: #efefff"> 
<h3>div 15px height but with text overf low</h3> 
<P> 

line 00<br> 
line 01<br> 
line 02<br> 
line 03<br> 
<font size=+5> 
line 04<br> 
</font> 
line 05<br> 
line 06<br> 
line 07<br> 
line 08<br> 
line 09<br> 
</p> 
</div> 

<hr width=25%> 

</body> 
</html> 



FIG. 8 



807 



802 



<IE:LayoutRect class=mRect 801 
contentSrc= 1 URL * > 

id=mRectO nextRect=mRectl 

style="top:100px; left:10px;" 
/> 

<IE: LayoutRect class=mRect 

id=mRectl 
S 0 ^* style="top:325 ; lef t : lOpx; " 
/> 
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